function Lbt(el){
    this.el=document.querySelector(el)
    this.zjdong()
    this.num=0
    // this.t=null
    this.shubiao()


}


Lbt.prototype.zjdong=function(){
    this.t=setInterval(()=>{   
            this.num++
            if(this.num>6) this.num=1
            this.el.querySelector('img').src=`./imgs/img${this.num}.jpg`
            this.tongbu()
    },1000)
}
Lbt.prototype.tongbu=function(){
    let yuanall=this.el.querySelectorAll('ul li')
    yuanall.forEach((item,i)=>{
        this.el.querySelector('ul li.active').className=''
        yuanall[this.num-1].className='active'
    })
}
Lbt.prototype.shubiao=function(){
    let yuanall=this.el.querySelectorAll('ul li')
    yuanall.forEach((item,i)=>{
        item.onmouseover=()=>{
            clearInterval(this.t)
            this.el.querySelector('img').src =`./imgs/img${i+1}.jpg`
            this.el.querySelector('ul li.active').className=''
            yuanall[i].className='active'
            this.num=i+1
        }
        item.onmouseout=()=>{
            this.zjdong()
        }
    })
}





// function Lbt(el){
//     this.el=document.querySelector(el)
//     this.num=1
//     this.t=null
//     this.lunbotu()
//     this.shubiao()
// }

// //轮播图自己动
// Lbt.prototype.lunbotu=function(){

//      this.t=setInterval(()=>{
//         let imgObj=this.el.querySelector('img')
//         this.num++
//         if(this.num>6) this.num=1
//         imgObj.src = `./imgs/img${this.num}.jpg`
//         this.tongbu()
//     },1000)

// }
// //小圈圈自己动
// Lbt.prototype.tongbu=function(){
//     let yuanall=this.el.querySelectorAll('ul li')
//     yuanall.forEach((item,i)=>{
//         this.el.querySelector('ul li.active').className=''
//         yuanall[this.num-1].className='active'
//     })
// }
// //鼠标划入暂停
// Lbt.prototype.shubiao=function(){
//     let yuanall=this.el.querySelectorAll('ul li')
//     yuanall.forEach((item,i)=>{
//         item.onmouseover=()=>{
//             clearInterval(this.t)
//             this.el.querySelector('img').src =`./imgs/img${i+1}.jpg`
//             this.el.querySelector('ul li.active').className=''
//             yuanall[i].className='active'
//             this.num=i+1
//         }
//         item.addEventListener('mouseout', () => {
//             this.lunbotu()
//         })
//     })

// }